A theme to anchor the mood
We started from the Stayava “NatureNook” concept on Behance — “Where Nature Meets Comfort.” It set the whole direction: the misty-cabin hero, the thin display type over a clean body sans, and the exact teal-and-amber palette below. Vesper is that theme, made real and put in motion.
Higgsfield
Every image and the animated hero came through Higgsfield — GPT Image 2 for the stills, Seedance 2.0 4K for the film that loops behind the hero and footer.
You need a Higgsfield account with credits
Image and video generation is paid. Without a funded balance the layout still builds, but every frame fails.
{{ s.big }}
{{ s.label }}
Higgsfield
Image & video connector
The tools
One model wrote and designed the whole site; two Higgsfield models made the pictures move. The exact settings are below.
{{ m.name }}
{{ m.desc }}
Both image and video models run on Higgsfield, which is paid — you'll need an account with credits on it before any of this generates.
One prompt. One shot.
The entire site — layout, copy, palette, the animated hero — came from a single prompt. No back-and-forth. It's tucked away below so it doesn't clutter the page; open it when you want to read it.
Export the zip, open Claude Code
Nothing gets rebuilt. The finished site from tab one is exported straight out of Claude Design and handed over whole — HTML, renders and all. Four steps.
{{ s.title }}
{{ s.body }}
Not a single new image was generated.
The ten renders already inside the zip became the ground truth. Every leg of the flight was forced to arrive at one of them, so the rooms in the video are the exact rooms on the page — same sage sofa, same soapstone island, same stone tub.
{{ r.big }}
{{ r.label }}
scroll-world
A Claude Code skill that builds the scrub engine: the camera move is pre-rendered as video, and scroll position drives the playhead. Nothing is animated in the browser — scroll simply is the timeline, which is why it stays smooth in both directions.
What you need before you start
{{ p.title }}
{{ p.body }}
{{ s.big }}
{{ s.label }}
The seam law
What makes it one take, not seven clips
The seven legs, in order
The tools
One model drove the build and wrote the seam logic. One Higgsfield model rendered the camera. No image model at all this time.
{{ m.name }}
{{ m.desc }}
Seedance runs on Higgsfield and every leg is a paid render — you'll need an account with credits before starting. The engine comes from the scroll-world skill.
One prompt. Hero to flight.
Point Claude Code at the unzipped folder and send this. It took us several rounds to get here — every trap we fell into is already written into it, so you should not have to.
{{ t.title }}
{{ t.body }}